.styleSelect{
  padding: 0 5px;
  height: 50px;
  .none{
    border: none;
  }
  .dashed{
    border: 1px dashed;
  }
  .solid{
    border: 1px solid;
  }
  .dotted{
    border: 1px dotted;
  }
  .sep-line.style1{
    display: flex;
    height: 28px;
    position: relative;
    .sep-label{
      -webkit-box-flex: 0;
      box-sizing: content-box;
      flex: none;
      height: 100%;
      line-height: 28px;
      max-width: 80%;
      min-width: 7%;
      overflow: hidden;
      padding: 0 10px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .sep-right{
      -webkit-box-flex: 1;
      flex: auto;
      position: relative;
      .right-triangle{
        height: 100%;
        transform: skew(26deg) translateX(-50%);
        width: 15px;
      }
      .right-line{
        border-bottom: 3px solid;
        bottom: 0;
        height: 0;
        left: 0;
        position: absolute;
        right: 0;
      }
      .right-parallelogram1{
        height: 22px;
        left: 15px;
        opacity: .9;
        position: absolute;
        top: 0;
        transform: skew(26deg) translateX(-50%);
        width: 8px;
      }
      .right-parallelogram2{
        height: 22px;
        left: 27px;
        opacity: .6;
        position: absolute;
        top: 0;
        transform: skew(26deg) translateX(-50%);
        width: 8px;
      }
      .right-parallelogram3{
        height: 22px;
        left: 39px;
        opacity: .3;
        position: absolute;
        top: 0;
        transform: skew(26deg) translateX(-50%);
        width: 8px;
      }
    }
  }
  .sep-line.style4 {
  -webkit-box-pack: center;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  .sep-bg {
    border-radius: 16px 16px 0 0;
    bottom: 0;
    height: 20px;
    left: 0;
    opacity: .15;
    position: absolute;
    right: 0;
  }
  .sep-center {
    box-sizing: content-box;
    max-width: 50%;
    min-width: 7%;
    overflow: hidden;
    padding: 0 38px;
    position: relative;
    .sep-label{
      font-weight: 600;
      height: 100%;
      line-height: 30px;
      overflow: hidden;
      padding: 0 1px;
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .left-triangle{
      height: 10px;
      left: 0;
      position: absolute;
      top: 0;
      transform: skew(-60deg) translateX(50%);
      width: 18px;
    }
    .left-border{
      border-radius: 0 0 0 16px;
      bottom: 0;
      left: 18px;
      position: absolute;
      top: 0;
      width: 21px;
    }
    .right-triangle{
      height: 10px;
      position: absolute;
      right: 0;
      top: 0;
      transform: skew(60deg) translateX(-50%);
      width: 18px;
    }
    .right-border{
      border-radius: 0 0 16px;
      bottom: 0;
      position: absolute;
      right: 18px;
      top: 0;
      width: 21px;
    }
  }
  }
  .sep-line.style6{
    display: flex;
    height: 28px;
    .sep-label{
      -webkit-box-flex: 0;
      box-sizing: content-box;
      flex: none;
      height: 100%;
      line-height: 28px;
      max-width: 80%;
      min-width: 7%;
      overflow: hidden;
      padding: 0 10px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .sep-right{
      flex: auto;
      display: flex;
      justify-content: flex-end;
      position: relative;
      .right-triangle{
        height: 100%;
        transform: skew(-26deg) translateX(210%);
        width: 15px;
      }
      .right-line{
        border-bottom: 3px solid;
        bottom: 0;
        width: 100%;
        height: 1px;
        position: absolute;
      }
      .right-parallelogram1{
        height: 22px;
        opacity: .9;
        transform: skew(-26deg) translateX(-200%);
        width: 8px;
      }
      .right-parallelogram2{
        height: 22px;
        opacity: .6;
        transform: skew(-26deg) translateX(-160%);
        width: 8px;
      }
      .right-parallelogram3{
        height: 22px;
        opacity: .3;
        transform: skew(-26deg) translateX(-120%);
        width: 8px;
      }
    }
  }
}